$(function(){

	/*-------------------------------
	 * 删除角色
	 * 1、点击删除按钮，弹出删除角色弹窗界面
	 * 2、如果该角色id下没有角色，则弹出确认删除
	 *   弹窗界面；如果该角色id下有角色，则弹出
	 *   清空角色的弹窗界面。
	 * 3、将要删除的角色id发送至后台
	 * 4、删除成功后，关闭弹窗界面。
	 -------------------------------*/
	//点击删除角色
	$(".left-bar-item").on("click",".del",function(e){
		var e=e || window.event, that=e.target || e.srcElement;
		$(that).parents("a.item").addClass("on").siblings().removeClass("on");
		
		//获取当前点击目录下的角色id和角色名
		var roleId, roleName;
		roleId=$(".left-bar-item .on").find(".role-name").attr("value");
		roleName=$(".left-bar-item .on").find(".role-name").text();
		console.log(roleId+" "+roleName);
		
		/*
		//发送角色id到后台
		$.ajax({
			type:"get",
			url:"",
			data:{'roleId':roleId},
			success:function(data){
				//模拟后台返回的数据,0表示没有角色，1表示有角色。
				if(data===1){
					$("#clear-role-modal").modal("show");
				}else{
					$("#del-role-modal").modal("show");
				}
			}
		})*/
		
		//以下这段模拟代码，应在后台请求成功后执行
		var data=0;  //模拟后台返回的数据,0表示没有角色，1表示有角色。
		if(data===1){
			$("#clear-role-modal").modal("show");
		}else{
			$("#del-role-modal").modal("show");
		}
	});
	
	//确认清空角色
	$("#clear-role-modal .confirm").click(function(){
		var roleId=$(".left-bar-item .on").find(".role-name").attr("value");
		
		/*
		//发送角色id到后台
		$.ajax({
			type:"get",
			url:"",
			data:{'roleId':roleId},
			success:function(data){
				//如果清空成功，返回true
				if(data===true){
					//关闭弹窗界面
					$("#clear-role-modal").modal("hide");
				}
			}
		})*/
		
		//以下这段模拟代码，应在后台请求成功后执行
		//关闭弹窗界面
		$("#clear-role-modal").modal("hide");
	});
	
	//确认删除角色
	$("#del-role-modal .confirm").click(function(){
		var roleId=$(".left-bar-item .on").find(".role-name").attr("value");
		
		/*
		//发送角色id到后台
		$.ajax({
			type:"get",
			url:"",
			data:{'roleId':roleId},
			success:function(data){
				//如果删除成功，返回true
				if(data===true){
					//删除页面相应的节点，关闭弹窗界面
					$(".left-bar-item .on").remove();
					$("#del-role-modal").modal("hide");
				}
			}
		})*/
		
		//以下这段模拟代码，应在后台请求成功后执行
		//删除页面相应的节点，关闭弹窗界面
		$(".left-bar-item .on").remove();
		$("#del-role-modal").modal("hide");
	});
	
	
	/*-------------------------------
	 * 点击角色名称条目
	 * 
	 * 1、点击角色名称条目时，界面右侧的角色表显示
	 * 该角色名下的角色用户
	 -------------------------------*/
	
	//点击角色条目
	$(".left-bar-item").on("click",".item",function(){
		var e=e || window.event, that=e.target || e.srcElement;
		$(that).addClass("on").siblings().removeClass("on");
		
		//获取当前点击目录下的角色id和角色名
		var roleId;
		roleId=$(".left-bar-item .on").find(".role-name").attr("value");
	});
	
});
